<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>index</title>
	<link rel="stylesheet" href="../sourse/css/main.css">
	<script>
		// var h = document.createElement('header');
		// var box = document.getElementsByTagName('body').appendChild(h)
		var elements = ("header,nav,footer,article,aside,hgroup,mark,time,section,output,figure,figcaption,dilog,details,datalist,video,audio,canvas").split(",");
		for (var i = 0; i < elements.length; i++) {
			var h = document.createElement(elements[i]);
		};
	</script>
</head>
<body>
	<div id="wrapper">
		<header>
			<div class="logo">LOGO</div>
			<nav>
				<ul>
					<li>导航1 <span>&lt;</span></li>
					<li>导航2 <span>&lt;</span></li>
					<li>导航3</li>
					<li>导航4</li>
					<li>导航5</li>
					<li>导航6</li>
				</ul>
			</nav>
			<div class="gn">功能</div>
		</header>
		<div class="mian">
			<section>
				<video src="../sourse/video/video1.webm" autoplay loop></video>
				<h1>H5发展之路</h1>
				<p>京东客服看撒娇地方夸奖对方空间上的开发</p>
			</section>
			<div>
				<article>
					<hgroup>
						<h2>主标题</h2>
						<h3>副标题</h3>
					</hgroup>
					<div>
						<time>2016-10-08</time>
						<address>作者:lxx</address>
					</div>
					<p>我是文章.......急急急急急急急急急急急急急急急急急急急急急急急急急急急<br>急急急急急急急急急急急急急急急急急急急急急急急急急急急急急急</p>
				</article><!-- section在article外部无语义，在其内部表示段落 -->
				<aside>
					<h2>侧边栏</h2>
					<ul>
						<li>分类1</li>
						<li>分类2</li>
						<li>分类3</li>
						<li>分类4</li>
						<li>分类5</li>
					</ul>
				</aside>
			</div>
		</div>
		<footer></footer>
	</div>
</body>
</html>